<div class="page">
	<div class="navbar">
		<div class="navbar-inner sliding">
			<div class="left">
				<a href="#" class="link back">
					<i class="icon icon-back"></i>
					<span class="ios-only"></span>
				</a>
			</div>
			<div class="title">资产查询详情</div>
			<div class="right">

			</div>
		</div>
	</div>
	<div class="page-content">
		<section id="A_content">
			<div class="title">
				
			</div>

			<div class="A_contentBox">
				<!-- Page content must have additional "ptr-content" class -->
				<div class="page-content ptr-content infinite-scroll-content" data-ptr-distance="55">
					<!-- Default pull to refresh preloader-->
					<div class="ptr-preloader">
						<div class="preloader"></div>
						<div class="ptr-arrow"></div>
					</div>

					<!-- usual content below -->
					<div class="list" id="A_contentBox">
						<ul>
						</ul>
					</div>
					<div class="preloader infinite-scroll-preloader"></div>
				</div>
			</div>
		</section>

		<script id="templateSearchContent" type="text/template7">
			{{#each dataList}}
			<li class="accordion-item">
				<a href="#" class="item-content item-link">
					<div class="item-inner">
						<div class="item-title">
							<ul>
								<li><span>资产编码：</span>{{Code}}</li>
								<li><span>资产名称：</span>{{资产名称}}</li>
								<li><span>资产大类：</span>{{资产大类}}</li>
								<li><span>规格小类：</span>{{资产小类}}</li>
							</ul>
						</div>
					</div>
				</a>
				<div class="accordion-item-content">
					<ul class="row no-gap">
						<li class="col-50"><span>品牌：</span>{{品牌}}</li>
						<li class="col-50"><span>规格型号：</span>{{规格型号}}</li>
						<!--<li><span>序列号：</span>007008009</li>-->
						<li class="col-50"><span>入库日期：</span>{{入库日期}}</li>
						<li class="col-50"><span>领用日期：</span>{{领用日期}}</li>
						<li class="col-50"><span>折旧方式：</span>{{折旧方式}}</li>
						<li class="col-50"><span>资产原值：</span>{{资产原值}}</li>
						<li class="col-50"><span>使用月限：</span>{{使用月限}}</li>
						<li class="col-50"><span>累计折旧：</span>{{累计折旧额}}</li>
						<li class="col-50"><span>资产净值：</span>{{资产净值}}</li>
						<li class="col-50"><span>净残值率：</span>{{净残值率}}</li>
						<li class="col-50"><span>使用人：</span>{{使用人}}</li>
						<li class="col-50"><span>使用部门：</span>{{使用部门}}</li>
						<li class="col-50"><span>管理部门：</span>{{管理部门}}</li>
						<li class="col-50"><span>数量：</span>{{数量}}</li>
						<li class="col-50"><span>资产状态：</span>{{资产状态}}</li>
						<li class="detail col-100">
							<a href="/asset-detail/?assetId={{Id}}&act=view">详情</a>
						</li>
					</ul>
				</div>
			</li>
			{{/each}}
		</script>
	</div>
	<style>
		section#A_content div.title {
			text-align: center;
			font-size: 16px;
			padding-top: 15px;
			position: relative;
			z-index: 2;
			background: #fff;
		}
		section#A_content .detail{
			text-align: right;
			margin-bottom: 15px;
		}
		section#A_content .detail a{
			border-radius: 8px;
			margin-right: 20px;
			padding: 5px 10px;
			background: #01B3E2;
			color: #fff;
		}
		div#A_contentBox {
			margin: 0;
		}
		div#A_contentBox >ul > li{
			font-size: 12px;
			border-bottom: 1px solid #ccc;
		}
		div#A_contentBox .no-gap{
			font-size: 12px;
		}
		div.accordion-item-content li{
			margin: 3px 0;
		}
		section#A_content div.A_contentBox {
			position: fixed;
			width: 100%;
			overflow: auto;
			top: 3rem;
			height: 92%;
			    padding: 0 1rem;
    box-sizing: border-box;
		}
		.ios section#A_content div.A_contentBox{
			top:3.5rem;
		}
		
		div#A_contentBox li.accordion-item{
			border: 1px solid #ccc;
		    border-radius: 8px;
		    background: #fff;
		    margin-top: 1rem;
		    padding-bottom: .7rem;
		}
		div#A_contentBox .list .item-content {
    padding-left: 0;
    padding-top: .2rem;
}
div#A_contentBox .item-inner {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}
div#A_contentBox li {
    font-size: 12px;
    margin-top: .5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div#A_contentBox li.col-50 {
    margin: 2.5px 0;
}
div#A_contentBox .detail {
    /* clear: both; */
    width: 100%;
    text-align: right;
}
div#A_contentBox  .detail a {
    color: #fff;
    background: #01B3E2 !important;
    border-radius: 5px;
    display: inline-block;
    margin-left: 20px;
    padding: .6rem 1.2rem;
}
div#A_contentBox .item-content {
    padding-left: 0;
    padding-top: .2rem;
}
	</style>
</div>